<template>
	<div class="bg-blue-furn">
		<!-- 搜索框 -->
		<div class="flex align-center padding-lg el-input-num">
			<span class="margin-right">炉次校化验结果</span>
			<el-select v-model="value" placeholder="选择炉次校化验结果" size="large" style="width: 340px">
				<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
			</el-select>
		</div>

		<!-- 化验数据 -->
		<pol-table ref="polTableRef" v-bind="tableOpt" height="calc(100vh - 525px)"></pol-table>
	</div>
</template>

<script setup>
	import { ref } from 'vue';
	
	const value = ref('')
	const options = [
	  {
	    value: '正常',
	    label: '正常',
	  },
	  {
	    value: '异常',
	    label: '异常',
	  },
	  {
	    value: 'Unknown',
	    label: 'Unknown',
	  }
	]
	
	const polTableRef = ref(null); //表格ref
	//表格配置
	const columns = ref([
		{ label: '成分', key: 'ItemCode', align: 'center' },
		{ label: '连铸', key: 'ItemName', align: 'center' },
		{ label: '转炉', key: 'ItemValue', align: 'center' },
		{ label: '精练', key: 'IsDefault', align: 'center' },
		{ label: '区间值', key: 'P_IsSys', align: 'center' }
	]);

	//表格配置
	const tableOpt = ref({
		columns: columns.value,
		localData: [{
				ItemCode: 'C',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'Si',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'Mn',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'P',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'S',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'B',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'AI',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'V',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'Ti',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'Nb',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			},
			{
				ItemCode: 'Ti',
				ItemName: '0.15',
				ItemValue: '0.15',
				IsDefault: '0.15',
				P_IsSys: '0.08-0.2',
			}
		]
	});
</script>

<style lang="scss" scoped>

</style>